<template>
  <!-- banner -->
     <el-carousel height="400px">
      <el-carousel-item v-for="item in banner_img" :key="item.url">
        <img :src="item.url" alt="">
      </el-carousel-item>
    </el-carousel>
</template>

<script lang="ts">
import { reactive,onBeforeMount,ref,getCurrentInstance } from "vue"
import { useStore } from "vuex"
import {getBanner} from "@/api/authApi"
import { url } from "inspector"
export default {
  name:"Advertisement",
  setup(){
    // banner图片
  
   
    const banner_img=reactive([
      {url:require("@/assets/banner/banner1.jpg")},
      {url:require("@/assets/banner/banner2.jpg")},
      {url:require("@/assets/banner/banner3.jpg")},
    ])
    
    return {
      banner_img
    }

  }
}
</script>

<style scoped>
img{
height: 100%;
width: 100%;

}
</style>